﻿<%@ Page Title="" Language="C#" MasterPageFile="~/MasterPage.master" AutoEventWireup="true"
    CodeFile="Default.aspx.cs" Inherits="Templates_Home_Default" %>

<asp:Content ID="Content1" ContentPlaceHolderID="head" runat="Server">
    <%--<link id="Link1" rel="stylesheet" href="Styles/armfelt_raddock.css" type="text/css"  runat="server"/>--%>
    

    
	<script type="text/javascript">
        var commandDuration = 500;
        var dragDropDuration = 500;
        
        function CloseClicked(dock, args) {
            var dockId = dock.get_id();
            $("#" + dockId).hide(commandDuration);
            dock.set_closed(true);
        }
        function CustomExpandClicked(dock, args) {
            var dockId = dock.get_id();
            if (dock.get_collapsed() == false) {
                $("#" + dockId + "_C").slideUp(commandDuration, function() {
                    dock.set_collapsed(true);
                    args.Command.set_state(2);
                });
            }
            else {
                $("#" + dockId + "_C").slideDown(commandDuration, function() {
                    dock.set_collapsed(false);
                    args.Command.set_state(1);
                });
            }
            
        }
        function DockDragStart(obj, args) {
            //$(obj.get_element()).css({ opacity: 0.3 });
        }
        function DockDragEnd(obj, args) {
            //$(obj.get_element()).css({ opacity: 1 });
        }
    </script>
</asp:Content>

<asp:Content ID="Content2" ContentPlaceHolderID="ContentPlaceHolder1" runat="Server">
    <div id="ContentTop" class="clearfix">
            <div class="lCol clearfix" style="float:left;  width:49%">
                <%--WELCOME one start--%>
                <div class="dialog">
                    <div class="content">
	                    <div class="t"></div>
	                    <%--<h2 class="homePageTitle"><acms:PostDisplayName runat="server" /></h2>--%>
	                    <%--<asp:Image ID="Image1" CssClass="imgTitle" ImageUrl="~/Images/title_welcome.png" runat="server" />--%>
	                    <h2 class="sIFRHold">Welcome!</h2>
	                    <acms:FloatingImageContentControl ID="imgIntroduction" ControlName="IntroductionImage" RightRenderHeight="200" RightRenderWidth="200" RightCssClass="floatingImageRight" LeftRenderHeight="200" LeftRenderWidth="200" LeftCssClass="floatingImageLeft" CenterRenderHeight="200" CenterRenderWidth="200" CenterCssClass="floatingImageCentre" runat="server" />
	                    <acms:HtmlContentControlDisplay ID="htmlIntroduction" ControlName="Introduction" runat="server" />
                        <p style="font-size:1.4em;">
                        <%--<asp:Image ID="Image7" runat="server" ImageUrl="~/Images/db_purupleApple.png" ImageAlign="Left" />--%>
                        Armfelt delivers Intranet, Extranet and Web solutions. Armfelt helps customers overcome the frustrations often associated with understanding, designing and implementing online solutions. Armfelt's software enables organisations to cost effectively interact and do business via the Internet.
                        </p>
                    </div>
                    <div class="b">
                        <div></div>
                    </div>
                </div>
                <%--one end--%>
                <%--NEWS one start--%>
                <div class="dialog">
                    <div class="content clearfix">
	                    <div class="t"></div>
	                    <%--<h2 class="homePageTitle"><acms:PostDisplayName runat="server" /></h2>--%>
	                    <asp:Image ID="Image1" CssClass="imgTitleB" ImageUrl="~/Images/title_latestNews.png" runat="server" />
	                    
	                    <acms:FloatingImageContentControl ID="FloatingImageContentControl1" ControlName="IntroductionImage" RightRenderHeight="200" RightRenderWidth="200" RightCssClass="floatingImageRight" LeftRenderHeight="200" LeftRenderWidth="200" LeftCssClass="floatingImageLeft" CenterRenderHeight="200" CenterRenderWidth="200" CenterCssClass="floatingImageCentre" runat="server" />
	                    <acms:HtmlContentControlDisplay ID="HtmlContentControlDisplay1" ControlName="Introduction" runat="server" />
                        <p>
                        <asp:Image ID="Image7" runat="server" Height="88" CssClass="containerImg" ImageUrl="~/Images/db_purupleApple.png" ImageAlign="Left" />
                            Armfelt adds some prizes to the cabinet.
                        </p>
                        <a href='<%#ResolveUrl(AcmsPage.AcmsContext.GetUrl("~/News.aspx"))%>'>Read More..</a>
                    </div>
                    <div class="b">
                        <div></div>
                    </div>
                </div>
                <%--one end--%>
            </div>
            <div class="rCol clearfix" style="float:right; width:49%">
                 <%--FLASH one start--%>
                <div class="dialog">
                    <div class="content">
	                    <div class="t"></div>
	                    <div style="width:451px; margin:0px auto;">
	                        <acms:FlashControl FlashFileUrl="~/Flash/cube_finished.swf" runat="server" WMode="Transparent" Width="450" Height="350" />
	                    </div>
                    </div>
                    <div class="b">
                        <div></div>
                    </div>
                </div>
                <%--one end--%>
           </div>
   </div>
   
   <div id="Content_dock" class="clearfix">
        <telerik:RadDockLayout ID="RadDockLayout1" runat="server" EnableEmbeddedSkins="false" EnableEmbeddedBaseStylesheet="false" Skin="TelArmfelt" >
                <%--<telerik:RadDock ID="RadDock5" runat="server" Title="UndockedDock+ForbidenZone3" OnClientDragStart="DockDragStart" OnClientDragEnd= "DockDragEnd" ForbiddenZones="RadDockZone3">
                    <ContentTemplate>
                        mooo1
                    </ContentTemplate>
                    <Commands>
                        <telerik:DockToggleCommand Name="CustomExpand" OnClientCommand="CustomExpandClicked" CssClass="rdCollapse" AlternateCssClass="rdExpand"/>
                    </Commands>
                </telerik:RadDock>--%>
            <div style="width:33%; float:left; background: Transparent url(Images/lcol.png) no-repeat scroll left top">
                <telerik:RadDockZone ID="RadDockZone1" runat="server" EnableEmbeddedSkins="false" MinHeight="100px" >
                    
                    <telerik:RadDock ID="RD_LesGrandsProjects" runat="server" OnClientDragStart="DockDragStart" EnableEmbeddedSkins="false"  OnClientDragEnd= "DockDragEnd" DockMode="Default">
                        <Commands>
                            <telerik:DockToggleCommand Name="CustomExpand" OnClientCommand="CustomExpandClicked" CssClass="rdCollapse" AlternateCssClass="rdExpand"/>
                        </Commands>
                        
                        <TitlebarTemplate>
                            <%--les grands projects one start-- --%>
                            <div class="dialog">
                                <div class="content">
                                    <div class="t"></div>
                                    <asp:Image ID="Image3" CssClass="imgTitle" ImageUrl="~/Images/title_showcase.png" runat="server" />
                                </div>
                                
                            </div>
                            <%--one end----%>
                        </TitlebarTemplate>
                        
                        <ContentTemplate>
                            <%-- one start----%>
                            <div class="dialog">
                                <div class="contentC">
                                    <div class="t"></div>
                                    
                                    <p>Our work is arranged into different types of projects. This enables us to tailor our service to meet various budgetts.</p>
                                    <a href='<%#ResolveUrl(AcmsPage.AcmsContext.GetUrl("~/Showcase/LesGrandsProject.aspx"))%>'>Read More..</a>
                                </div>
                            </div>
                            <%--one end----%>
                        </ContentTemplate>
                    </telerik:RadDock>
                    
                    <%--<telerik:RadDock ID="RD_Custom" runat="server" OnClientDragStart="DockDragStart" EnableEmbeddedSkins="false"  OnClientDragEnd= "DockDragEnd" DockMode="Default">
                        <Commands>
                            <telerik:DockToggleCommand Name="CustomExpand" OnClientCommand="CustomExpandClicked" CssClass="rdCollapse" AlternateCssClass="rdExpand"/>
                        </Commands>
                        
                        <TitlebarTemplate>
                            --custom start--
                            <div class="dialog">
                                <div class="content">
                                    <div class="t"></div>
                                    <asp:Image ID="Image2" CssClass="imgTitle" ImageUrl="~/Images/title_custom.png" runat="server" />
                                </div>
                                
                            </div>
                            --one end--
                        </TitlebarTemplate>
                        
                        <ContentTemplate>
                            -- one start--
                            <div class="dialog">
                                <div class="contentC">
                                    <div class="t"></div>
                                    
                                    <p>33 3 3 33 3  3 3 3333 3 3 333 3  333  3 3333 333 3  3 333333 3 3  3 3333 3 3</p>
                                    <a href='<%#ResolveUrl(AcmsPage.AcmsContext.GetUrl("~/Showcase/LesGrandsProject.aspx"))%>'>Read More..</a>
                                </div>
                            </div>
                            --one end--
                        </ContentTemplate>
                    </telerik:RadDock>--%>
                
                </telerik:RadDockZone>
            </div>
            <div style="width:33%; float:left; background: Transparent url(Images/lcol.png) no-repeat scroll left top">
            
                <telerik:RadDockZone ID="RadDockZone2" runat="server"  MinHeight="200px" EnableEmbeddedSkins="false" >
                    
                    <telerik:RadDock ID="RD_ACMS" runat="server" OnClientDragStart="DockDragStart" EnableEmbeddedSkins="false"  OnClientDragEnd= "DockDragEnd" DockMode="Default">
                        <Commands>
                            <telerik:DockToggleCommand Name="CustomExpand" OnClientCommand="CustomExpandClicked" CssClass="rdCollapse" AlternateCssClass="rdExpand"/>
                        </Commands>
                        
                        <TitlebarTemplate>
                            <%--acms start-- --%>
                            <div class="dialog">
                                <div class="content">
                                    <div class="t"></div>
                                    <asp:Image ID="Image4" CssClass="imgTitle" ImageUrl="~/Images/title_acms.png" runat="server" />
                                </div>
                                
                            </div>
                            <%--one end----%>
                        </TitlebarTemplate>
                        
                        <ContentTemplate>
                            <%-- one start----%>
                            <div class="dialog">
                                <div class="contentC">
                                    <div class="t"></div>
                                    
                                    <asp:Image ID="Image8" ImageUrl="~/Images/acms_cm.png" runat="server" />
                                        <asp:Image ID="Image9" ImageUrl="~/Images/acms_dp.png" runat="server" />
                                        <asp:Image ID="Image10" ImageUrl="~/Images/acms_ht.png" runat="server" />
                                        <asp:Image ID="Image11" ImageUrl="~/Images/acms_pp.png" runat="server" />
                                        <asp:Image ID="Image12" ImageUrl="~/Images/acms_vc.png" runat="server" />
                                    
                                    <p>The backbone of our work. Empowring clients to run their own sites. In a very cost effective environment.</p>
                                    <div style="width:250px; margin:0px auto">
                                        
                                    </div>
                                    <a href='<%#ResolveUrl(AcmsPage.AcmsContext.GetUrl("~/Acms.aspx"))%>'>Read More..</a>
                                </div>
                            </div>
                            <%--one end----%>
                        </ContentTemplate>
                    </telerik:RadDock>
                    
                    <%--<telerik:RadDock ID="RD_Corporate" runat="server" OnClientDragStart="DockDragStart" EnableEmbeddedSkins="false"  OnClientDragEnd= "DockDragEnd" DockMode="Default">
                        <Commands>
                            <telerik:DockToggleCommand Name="CustomExpand" OnClientCommand="CustomExpandClicked" CssClass="rdCollapse" AlternateCssClass="rdExpand"/>
                        </Commands>
                        
                        <TitlebarTemplate>
                             -- corporrate one start-- 
                            <div class="dialog">
                                <div class="content">
                                    <div class="t"></div>
                                    <asp:Image ID="Image13" CssClass="imgTitle" ImageUrl="~/Images/title_corporate.png" runat="server" />
                                </div>
                                
                            </div>
                            --one end--
                        </TitlebarTemplate>
                        
                        <ContentTemplate>
                            -- one start---
                            <div class="dialog">
                                <div class="contentC">
                                    <div class="t"></div>
                                    <p>Portfolio...</p>
                                    <a href='<%#ResolveUrl(AcmsPage.AcmsContext.GetUrl("~/Acms.aspx"))%>'>Read More..</a>
                                </div>
                            </div>
                            --one end--
                        </ContentTemplate>
                    </telerik:RadDock>--%>
            
                </telerik:RadDockZone>          
            
            </div>
            
            <div style="width:33%; float:left; background: Transparent url(Images/lcol.png) no-repeat scroll left top">
                <telerik:RadDockZone ID="RadDockZone3" runat="server" EnableEmbeddedSkins="false"   MinHeight="100px">
                
                    <telerik:RadDock ID="RD_Security" runat="server" OnClientDragStart="DockDragStart" EnableEmbeddedSkins="false"  OnClientDragEnd= "DockDragEnd" DockMode="Default">
                        <Commands>
                            <telerik:DockToggleCommand Name="CustomExpand" OnClientCommand="CustomExpandClicked" CssClass="rdCollapse" AlternateCssClass="rdExpand"/>
                        </Commands>
                        
                        <TitlebarTemplate>
                            <%--secuirty start-- --%>
                            <div class="dialog">
                                <div class="content">
                                    <div class="t"></div>
                                    <asp:Image ID="Image5" CssClass="imgTitle" ImageUrl="~/Images/title_security.png" runat="server" />
                                </div>
                                
                            </div>
                            <%--one end----%>
                        </TitlebarTemplate>
                        
                        <ContentTemplate>
                            <%-- one start----%>
                            <div class="dialog">
                                <div class="contentC">
                                    <div class="t"></div>
                                    <p>We have a lot of experience with web security and is something we take obviously take very seriously. Passwords are all stored as hashed values using MD5 encryption, so even we can't tell what they are (only that you know them!).</p>
                                    <a href='<%#ResolveUrl(AcmsPage.AcmsContext.GetUrl("~/Security.aspx"))%>'>Read More..</a>
                                </div>
                            </div>
                            <%--one end----%>
                        </ContentTemplate>
                    </telerik:RadDock>
                    
                    <%--<telerik:RadDock ID="RD_Portfolio" runat="server" OnClientDragStart="DockDragStart" EnableEmbeddedSkins="false"  OnClientDragEnd= "DockDragEnd" DockMode="Default">
                        <Commands>
                            <telerik:DockToggleCommand Name="CustomExpand" OnClientCommand="CustomExpandClicked" CssClass="rdCollapse" AlternateCssClass="rdExpand"/>
                        </Commands>
                        
                        <TitlebarTemplate>
                            --one start--
                            <div class="dialog">
                                <div class="content">
                                    <div class="t"></div>
                                    <asp:Image ID="Image6" CssClass="imgTitle" ImageUrl="~/Images/title_portfolio.png" runat="server" />
                                </div>
                                
                            </div>
                            --one end--
                        </TitlebarTemplate>
                        
                        <ContentTemplate>
                            -- ACMS one start--
                            <div class="dialog">
                                <div class="contentC">
                                    <div class="t"></div>
                                    <p>Portfolio...</p>
                                    <a href='<%#ResolveUrl(AcmsPage.AcmsContext.GetUrl("~/Acms.aspx"))%>'>Read More..</a>
                                </div>
                            </div>
                            --one end--
                        </ContentTemplate>
                    </telerik:RadDock>--%>
                    
                </telerik:RadDockZone>
            </div>
        </telerik:RadDockLayout>
    </div>
    
    <script type="text/javascript">
        Telerik.Web.UI.RadDockZone.prototype._dockBefore = function(radDock, element) {
            ///
            var dockElement = radDock.get_element();
            var zoneElement = this.get_element();
            var currentZone = this;
            var animationTime = dragDropDuration;
            var animatedParameters = {};
            //animatedParameters.opacity = 1;

            var insertElement;
            if (element) {
                insertElement = element;
                insertElement.style.display = "";
                var location = $telerik.getLocation(insertElement);
                var bounds = $telerik.getBounds(insertElement)
                //Add parameters for the animation when dock is docked
                animatedParameters.left = location.x;
                animatedParameters.top = location.y;
                animatedParameters.width = bounds.width;

            }
            else {
                //If dock is with DockMode =docked it should return to its original position without animation
                insertElement = this._clearElement;
                animationTime = 0;
            }

            $(dockElement).animate(animatedParameters, animationTime, function() {
                if (insertElement) {
                    if (insertElement.className.indexOf("rdPlaceHolder") != -1) {
                        insertElement.style.display = 'none';
                    }
                }

                zoneElement.insertBefore(dockElement, insertElement);
                var oldZone = $find(radDock.get_dockZoneID());
                if (oldZone) {
                    oldZone._resetDockIndices();
                }
                radDock.set_dockZoneID(zoneElement.id);

                if (currentZone.get_fitDocks()) {
                    if (!currentZone.get_isHorizontal()) {
                        radDock._fitWidth();
                    }
                }
                else {
                    if (!currentZone.get_isHorizontal()) {
                        radDock._unfitWidth();
                    }
                }
                radDock._resetPosition();


                if (radDock._tableElement) {
                    radDock._setSize();
                }
                radDock._setPinUnpinVisibility();
                currentZone._resetDockIndices();
            });
        }
    </script>
</asp:Content>

<asp:Content ID="Content3" ContentPlaceHolderID="ContentPlaceHolder2" runat="Server">     

</asp:Content>
